<template>
    <el-tabs type="border-card" v-model="activeName">
        <el-tab-pane label="当前版本" name="free">
            <el-row>
                <div></div>
            </el-row>
            <el-row>
                <el-table
                        :data="tableData"
                        style="width: 100%"
                        border
                        stripe
                        :highlight-current-row="true"
                        :header-cell-style="{ background: '#ededed', color: '#333' }"
                >
                    <el-table-column prop="name" align="center" label="版本" />
                    <el-table-column prop="describe" align="center" label="编辑团队" />
                    <el-table-column prop="start" align="center" label="决议团队" />
                    <el-table-column prop="out" align="center" label="生效时间" />
                    <el-table-column prop="upTime" align="center" label="发布时间" />
                    <el-table-column prop="jian" align="center" label="操作">
                        <template slot-scope="scope">
                            <el-button type="" @click="detail()">
                                {{ scope.row.jian }}
                            </el-button>
                        </template>
                    </el-table-column>
                </el-table>
            </el-row>
        </el-tab-pane>

        <el-tab-pane label="历史版本" name="a">
            <el-row>
                <div></div>
            </el-row>
            <el-row>
                <el-table
                        :data="tableData"
                        style="width: 100%"
                        border
                        stripe
                        :highlight-current-row="true"
                        :header-cell-style="{ background: '#ededed', color: '#333' }"
                >
                    <el-table-column prop="name" align="center" label="版本" />
                    <el-table-column prop="describe" align="center" label="编辑团队" />
                    <el-table-column prop="start" align="center" label="决议团队" />
                    <el-table-column prop="out" align="center" label="生效时间" />
                    <el-table-column prop="upTime" align="center" label="发布时间" />
                    <el-table-column prop="jian" align="center" label="操作">
                        <template slot-scope="scope">
                            <el-button type="" @click="detail()">
                                {{ scope.row.jian }}
                            </el-button>
                        </template>
                    </el-table-column>
                </el-table>
            </el-row>
        </el-tab-pane>
    </el-tabs>
</template>

<script>
    export default {
        name: 'kai',
        data() {
            return {
                activeName: 'free',
                form: {
                    name: '',
                    describe: '',
                    start: '',
                    out: '',
                    upTime: '',
                    jian: '',
                },
                tableData: [
                    {
                        name: '凯拓宪章V5.0',
                        describe: '刘鹏飞、孙菲、白霜',
                        start: '全体人员',
                        out: '2020-01-01',
                        upTime: '2020-09-03 15:09:08',
                        jian: '下载',
                    },
                ],
            };
        },
        methods: {},
    };
</script>

<style scoped>
    .text-right{
        float: right;
    }
</style>